$(document).ready(function(){
    
    // Popover 
    $('#nome').hover(function()
    {
        $('#nome').popover('toggle')
         
    })
    
    $('#sobrenome').hover(function()
    {
        $('#sobrenome').popover('toggle')
    })
    
    $('#email').hover(function()
    {
        $('#email').popover('toggle')
         
    })
    
    $('#senha').hover(function()
    {
        $('#senha').popover('toggle')
    })
    
    $('#confsenha').hover(function()
    {
        $('#confsenha').popover('toggle')
         
    })
    
    
    $("#nome").popover({
        title:"Nome",
        content:"Preencha seu primeiro nome :)",
        trigger:"manual"
    });
    
    $("#sobrenome").popover({
        title:"Sobrenome",
        content:"Preencha seu sobrenome #)  ",
        trigger:"manual"
    });
    
    $("#email").popover({
        title:"Email",
        content:"Preencha com um e-mail válido >)",
        trigger:"manual"
    });
    
    $("#senha").popover({
        title:"Senha",
        content:"Preencha com uma senha forte, afinal ninguém quer invadir sua privacidade x)",
        trigger:"manual"
    });
    
    $("#confsenha").popover({
        title:"Confirmação de senha",
        content:"Coloque a mesma senha do campo anterior",
        trigger:"manual"
    });
    
    // Validação
    $('form[name=cadastro]').validate({
        rules:{
            nome:{
                required: true,
                minlength: 3
            },
            
            sobrenome:{
                required: true,
                minlength: 3
            },
            email: {
                required: true,
                email: true
            },
            senha: {
                required: true
            },
            confsenha:{
                required: true,
                equalTo: "#senha"
            },
            dia:{
                required: true
            },
            mes:{
                required: true
            },
            ano:{
                required: true
            },
            termos: "required"
        },
        messages:{
            nome:{
                required: "O campo nome é obrigatorio.",
                minlength: "O campo nome deve conter no mínimo 3 caracteres."
            },
            email: {
                //required: "O campo email é obrigatorio.",
                email: "O campo email deve conter um email válido."
            },
            senha: {
                required: "O campo senha é obrigatorio."
            },
            confsenha:{
                required: "A confirmação de senha é obrigatorio.",
                equalTo: "A confirmação de senha deverá ser idêntica ao campo senha."
            },
            termos: "Para se cadastrar você deve aceitar os termos de uso."
        }
    });
});